<html>
<head>
    <meta charset="utf-8" />
    <title>Basic usage</title>
    <link href="css/kendo.common.min.css" rel="stylesheet" />
    <link href="css/kendo.default.min.css" rel="stylesheet" />
    <link href="css/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="css/examples.css" rel="stylesheet" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
    <script src="js/examples.js"></script>
    <script src="js/console.js"></script>
    <script src="js/prettify.js"></script>
	<script src="js/kendo.culture.es-PE.js"></script>
	<script>kendo.culture('es-PE');</script>
</head>
<body>
	<div id="example" class="k-content">
            <div id="product-view" class="k-header">
                <h2>Product promotion</h2>
                <ul id="fieldlist">
                    <li>
                    <label for="startDate">Discount start date:</label>
                    <input id="startDate" />
                    <input id="startTime" value="12:00 AM" />
                    </li>
                    <li>
                    <label for="endDate">Discount end date:</label>
                    <input id="endDate" />
                    <input id="endTime" value="12:00 AM" />
                    </li>
                    <li>
                    <label for="initial">Initial price:</label>
                    <input id="initial" value="10" min="1"/>
                    </li>
                    <li>
                    <label for="discount">Discount:</label>
                    <input id="discount" value="0.05" min="0" max="0.5" step="0.01"/>
                    </li>
                </ul>
            </div>
		</div>
		<script>
		$("#startDate").kendoDatePicker();
        $("#endDate").kendoDatePicker();
        $("#startTime").kendoTimePicker();
        $("#endTime").kendoTimePicker();
        $("#initial").kendoNumericTextBox({ format: "c" });
        $("#discount").kendoNumericTextBox({ format: "p" });
		</script>
</body></html>